<div ng-init="init();" class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mobile-dialog QT06-service LoadTemplate-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'QT_standard.common.loadModule.title' | translate"></div>
        <div class="close-btn" ng-click="dialog.back();">
            <img src="image/smes_v340/close.png"></img>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields loadMode-fields" ng-repeat="template in dialog.templateList track by $index"
                ng-click="dialog.selectModelName = template.MODELNAME" ng-class="{ 'is-select': dialog.selectModelName === template.MODELNAME }">
                <div class="icon-container">
                    <div class="circle"></div>
                </div>
                <label class="label" ng-bind="template.MODELNAME"></label>
                <label class="label" ng-bind="template.CREATETIME"></label>
                <div class="icon-container" ng-click="dialog.delete(template);">
                    <img src="image/smes_v340/W_Com_Delet1_nor_32.png" ng-show="dialog.modelName != template.MODELNAME"></img>
                    <img src="image/smes_v340/W_Com_Delet1_sel_32.png" ng-show="dialog.modelName === template.MODELNAME"></img>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="btn cancel" ng-click="dialog.back();" ng-bind="'common.btn.cancel' | translate"></div>
            <div class="btn confirm" ng-click="dialog.confirm();" ng-disabled="!dialog.selectModelName" ng-bind="'common.btn.confirm' | translate"></div>
        </div>
    </div>
</div>
